<template>
  <Table 
  :columns="columns" 
  :opration="false"
  url="/video"
  :search="true"
  :add="true"
  :pagination="true">
    <template #name="{row}" >
      <div>{{row["name"]}}</div>
    </template>
    <template #picture="{row}">
      <Picture :path="row.picture" width="50px"></Picture>
    </template>
  </Table> 
</template>

<script lang="ts" setup>
import Picture from "@/components/Picture/index.vue"
import { reactive,ref } from "vue";
import Table from "../../components/Table/index.vue"
const columns = ref([
  {name:"标题",props:"title",width:280,search:true,formLabel:90,require:true,add:true,type:'input'},
  {name:"类型",props:"type",width:180,search:true,formLabel:90,require:true,add:true,type:'select',dictionary:'/api/type/dictionary'},
  {name:"时段餐饮",props:"time",width:180,search:true,formLabel:90,require:true,add:true,type:'select',dictionary:'/api/time/dictionary'},
  {name:"适用人群",props:"madejob",width:180,search:true,formLabel:90,require:true,add:true,type:'select',dictionary:'/api/madejob/dictionary'},
  {name:"封面",props:"picture",search:false,require:true,add:true,type:'upload',upload_type:'picture-card',upload_list:false},
  {name:"视频",props:"video",search:false,require:true,add:true,type:'upload',upload_type:'text',hide:true},
  {name:"内容",props:"content",search:false,require:true,add:true,type:'editor'},
  {name:'操作',props:'exit',width:200}
])
</script>

<style lang="" scoped>

</style>